<!doctype html>
<html lang="en" xmlns:th="https://www.thymeleaf.org">
  <head>
    <title>电子钱包</title>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- carousel CSS -->
    <link rel="stylesheet" href="css/index/owl.carousel.min.css">
    <!--header icon CSS -->
    <link rel="icon" href="logo.png">
    <!-- animations CSS -->
    <link rel="stylesheet" href="css/index/animate.min.css">
    <!-- font-awsome CSS -->
    <link rel="stylesheet" href="css/index/font-awesome.min.css">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="css/index/bootstrap.min.css">
    <!-- mobile menu CSS -->
    <link rel="stylesheet" href="css/index/slicknav.min.css">
    <!--css animation-->
    <link rel="stylesheet" href="css/index/animation.css">
    <!--css animation-->
    <link rel="stylesheet" href="css/index/material-design-iconic-font.min.css">
    <!-- style CSS -->
    <link rel="stylesheet" href="css/index/style.css">
    <!-- responsive CSS -->
    <link rel="stylesheet" href="css/index/responsive.css">

<!--      <link rel="stylesheet" href="css/bootstrap.min.css">-->
      <script src="js/jquery-3.5.0.min.js" type="application/javascript"></script>
<!--      <script src="js/bootstrap.min.js" type="application/javascript"></script>-->
    <script src="js/index/index.js" type="application/javascript"></script>
  </head>
  <body>
    <!--header area start-->
    <div class="header-area wow fadeInDown header-absolate" id="nav" data-0="position:fixed;" data-top-top="position:fixed;top:0;" data-edge-strategy="set">
        <div class="container">
            <div class="row">
                <div class="col-4 d-block d-lg-none">
                    <div class="mobile-menu"></div>
                </div>
                <div class="col-4 col-lg-2">
                    <div class="logo-area">
                        <a href="/"><img src="images/logo2.png" alt=""></a>
                    </div>
                </div>
                <div class="col-4 col-lg-8 d-none d-lg-block">
                    <div class="main-menu text-center">
                        <nav>
                            <ul id="slick-nav">
                                <li><a class="scroll" href="#home">home</a>
                                    <ul>
                                        <li><a href="/">首页</a></li>
                                        <li><a href="/trans">转账</a></li>
                                        <li><a href="/goodsIndex">网上商城</a></li>
                                        <li><a href="/settlement">清算</a></li>
                                        <li><a href="/withdraw">提现</a></li>
                                    </ul>
                                </li>
                                <li><a class="scroll" href="/">首页</a>
                                </li>
                                <li><a class="scroll" href="/trans">转账</a></li>
                                <li><a class="scroll" href="/goodsIndex">网上商城</a></li>
                                <li><a class="scroll" href="/settlement">清算</a></li>
                                <li><a class="scroll" href="/withdraw">提现</a></li>
<!--                                <li><a class="scroll" href="">用户中心</a></li>-->
                            </ul>
                        </nav>
                    </div>
                </div>

<!--                登录-->
                <div class="col-4 col-lg-2 text-right">
                    <a th:if="${logined}" href="/login" class="logibtn gradient-btn">login</a>
                    <div th:if="${!logined}" id="name" class="dropdown btn-group">
<!--                        <a class="logibtn gradient-btn" href="#" th:text="${username}" ></a>-->
<!--                        <ul style="display: none" id="userList">-->
<!--                            <li><a href="/userInfo">用户中心</a></li>-->
<!--                            <li><a href="/logout">注销</a></li>-->
<!--                        </ul>-->
                        <button type="button" class="btn btn-info" th:text="${username}"></button>
                        <button id="dLabel" type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" >
                            <span class="caret"></span>
                            <span class="sr-only">Toggle Dropdown</span>
                        </button>
                        <ul class="dropdown-menu">
                            <li><h6><a th:href="${'/user/'+username}">用户中心</a></h6></li>
                            <li><h6><a href="/logout">注销</a></h6></li>
                        </ul>
                    </div>
                </div>
                
            </div>
        </div>
    </div>
    <!--header area end-->

    <!--welcome area start-->
    <div class="welcome-area wow fadeInUp" id="home">
        <div id="particles-js"></div>
        <div class="container">
            <div class="row">
                <div class="col-12 col-md-6 align-self-center">
                    <div class="welcome-right">
                        <div class="welcome-text">
                             <h1>E-Wallet</h1>
                            <h4>E-Wallet(电子钱包)，安全，便捷，高效。还等什么？快进入电子钱包的世界！</h4>
                        </div>
                        <div class="welcome-btn">
                            <a href="/login" class="gradient-btn v2 mr-20">立即登录</a>
                            <a href="/login" class="gradient-btn v2">免费注册</a>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-6">
                    <div class="welcome-img">
                        <img src="images/index/welcome-img.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--welcome area end-->

    <!--about area start-->
<!--    <div class="about-area wow fadeInUp" id="about">-->
<!--        <div class="space-30"></div>-->
<!--        <div class="container">-->
<!--            <div class="row">-->
<!--                <div class="col-12 text-center">-->
<!--                    <div class="heading">-->
<!--                        <h5>We are featured in</h5>-->
<!--                    </div>-->
<!--                    <div class="space-30"></div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="row">-->
<!--                <div class="col-lg-12">-->
<!--                    <div class="logo-carousel owl-carousel text-center">-->
<!--                        <div class="single-logo-wrapper">-->
<!--                            <div class="single-item">-->
<!--                                <img src="images/index/c-logo-1.png" alt="">-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="single-logo-wrapper">-->
<!--                            <div class="single-item">-->
<!--                                <img src="images/index/c-logo-2.png" alt="">-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="single-logo-wrapper">-->
<!--                            <div class="single-item">-->
<!--                                <img src="images/index/c-logo-3.png" alt="">-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="single-logo-wrapper">-->
<!--                            <div class="single-item">-->
<!--                                <img src="images/index/c-logo-4.png" alt="">-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="single-logo-wrapper">-->
<!--                            <div class="single-item">-->
<!--                                <img src="images/index/c-logo-5.png" alt="">-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="single-logo-wrapper">-->
<!--                            <div class="single-item">-->
<!--                                <img src="images/index/c-logo-3.png" alt="">-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="single-logo-wrapper">-->
<!--                            <div class="single-item">-->
<!--                                <img src="images/index/c-logo-2.png" alt="">-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="single-logo-wrapper">-->
<!--                            <div class="single-item">-->
<!--                                <img src="images/index/c-logo-5.png" alt="">-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="space-90"></div>-->
<!--            <div class="row">-->
<!--                <div class="col-12 col-md-6">-->
<!--                    <div class="about-mid-img">-->
<!--                        <img src="images/index/about-left.png" alt="">-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="col-12 col-md-6 align-self-center">-->
<!--                    <div class="heading">-->
<!--                        <h5>We are featured in</h5>-->
<!--                    </div>-->
<!--                    <div class="about-mid-text">-->
<!--                        <h1>A Platform for Exchange -->
<!--                        Cyrptocurrency and shares</h1>-->
<!--                        <div class="space-10"></div>-->
<!--                        <p>Mauna Loa, the biggest volcano on Earth  half the Island of Hawaii. Just 35 miles to the northeast, Mauna Kea, known to native Hawaiians as Mauna a Wakea, rises nearly 14,000 feet above sea level.  If they are so close together, how did they develop in two parallel tracks .Sifting through teaspoons of clay and sand scraped from the floors of caves.</p>-->
<!--                    </div>-->
<!--                    <div class="space-30"></div>-->
<!--                    <a href="#" class="gradient-btn v2 about-btn"> <i class="fa fa-send-o"></i> join us on telegraph</a>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="space-90"></div>-->
<!--    </div>-->
<!--    &lt;!&ndash;about area end&ndash;&gt;-->

<!--    &lt;!&ndash;single about area start&ndash;&gt;-->
<!--    <div class="single-about-area wow fadeInUp">-->
<!--        <div class="container">-->
<!--            <div class="row">-->
<!--                <div class="col-lg-4">-->
<!--                    <a href="#" class="single-about">-->
<!--                        <div class="single-about-img">-->
<!--                            <img src="images/index/about-icon-1.png" alt="">-->
<!--                        </div>-->
<!--                        <div class="single-about-text">-->
<!--                            <h4>Exciting Opportunity</h4>-->
<!--                            <p>The recording starts with the patter of a summer squall. Later, a drifting tone like that of a not quite tuned in radio station rises and for a while drowns</p>-->
<!--                        </div>-->
<!--                    </a>-->
<!--                </div>-->
<!--                <div class="col-lg-4">-->
<!--                    <a href="#" class="single-about">-->
<!--                        <div class="single-about-img">-->
<!--                            <img src="images/index/about-icon-2.png" alt="">-->
<!--                        </div>-->
<!--                        <div class="single-about-text">-->
<!--                            <h4>Vetted ICO Marketplace</h4>-->
<!--                            <p>The recording starts with the patter of a summer squall. Later, a drifting tone like that of a not quite tuned in radio station rises and for a while drowns</p>-->
<!--                        </div>-->
<!--                    </a>-->
<!--                </div>-->
<!--                <div class="col-lg-4">-->
<!--                    <a href="#" class="single-about">-->
<!--                        <div class="single-about-img">-->
<!--                            <img src="images/index/about-icon-3.png" alt="">-->
<!--                        </div>-->
<!--                        <div class="single-about-text">-->
<!--                            <h4>Diverse Profit Ways</h4>-->
<!--                            <p>The recording starts with the patter of a summer squall. Later, a drifting tone like that of a not quite tuned in radio station rises and for a while drowns</p>-->
<!--                        </div>-->
<!--                    </a>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="space-90"></div>-->
<!--    </div>-->
<!--    &lt;!&ndash;single about area end&ndash;&gt;-->

<!--    &lt;!&ndash;ico area start&ndash;&gt;-->
<!--    <div class="section-padding wow fadeInUp ico-area">-->
<!--        <div class="container">-->
<!--            <div class="row">-->
<!--                <div class="col-12 text-center">-->
<!--                    <div class="ico-heading">-->
<!--                        <h1><a href= "#">ICO</a> Live Now</h1>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="space-60"></div>-->
<!--            <div class="row">-->
<!--                <div class="col-6 col-lg-3">-->
<!--                    <div class="single-ico">-->
<!--                        <h5>Token Sold: 126,419,796</h5>-->
<!--                        <h5>1 ETH = 235 ICoin</h5>-->
<!--                        <a href="#">10 % Bonus</a>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="col-6 col-lg-3">-->
<!--                    <div class="single-ico">-->
<!--                        <h5><a href="#">ETH</a>collected 90252</h5>-->
<!--                        <h5><a href="#">BTC</a> collected 90152</h5>-->
<!--                        <h5><a href="#">LTH</a>collected 5052</h5>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="col-12 col-lg-6">-->
<!--                    <div class="single-ico">-->
<!--                        <h5>Sale Ends in :</h5>-->
<!--                       <div class="row">-->
<!--                           <div class="col">-->
<!--                               <span id="days"></span>-->
<!--                               <h5>days</h5>-->
<!--                           </div>-->
<!--                           <div class="col">-->
<!--                               <span id="hours"></span>-->
<!--                               <h5>hours</h5>-->
<!--                           </div>-->
<!--                           <div class="col">-->
<!--                               <span id="minutes"></span>-->
<!--                                <h5>minutes</h5>-->
<!--                           </div>-->
<!--                           <div class="col">-->
<!--                               <span id="seconds"></span>-->
<!--                               <h5>seconds</h5>-->
<!--                           </div>-->
<!--                       </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="row">-->
<!--                <div class="col-12">-->
<!--                    <div class="custom-progressBar">-->
<!--                        <div class="progress">-->
<!--                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="80"-->
<!--                            aria-valuemin="0" aria-valuemax="100" style="width:80%">-->
<!--                                <div class="progress-details">-->
<!--                                    <p>$ 38 M</p>-->
<!--                                    <div class="progress-d-top"></div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="row">-->
<!--                        <div class="col-6">-->
<!--                            <div class="single-cup">-->
<!--                                <p>Soft Cap</p>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="col-6 text-right">-->
<!--                            <div class="single-cup right">-->
<!--                                <p>max Cap</p>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="col-12 text-center">-->
<!--                    <a href="#" class="gradient-btn v2">Buy Tokens</a>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--    &lt;!&ndash;ico area end&ndash;&gt;-->

<!--    &lt;!&ndash;Documentation area start&ndash;&gt;-->
<!--    <div class="section-padding documentation-area wow fadeInUp" id="Paper">-->
<!--        <div class="container">-->
<!--            <div class="row">-->
<!--                <div class="col-12 text-center">-->
<!--                    <div class="heading">-->
<!--                        <h5>Whitepaper</h5>-->
<!--                        <div class="space-10"></div>-->
<!--                        <h1>Download Documentation</h1>-->
<!--                    </div>-->
<!--                    <div class="space-60"></div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="row text-center">-->
<!--                <div class="col-6 col-lg">-->
<!--                    <div class="single-document">-->
<!--                        <div class="document-flag">-->
<!--                            <img src="images/index/flag-1.png" alt="">-->
<!--                        </div>-->
<!--                        <button class="single-document-text">-->
<!--                            <span>English</span>-->
<!--                        </button>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="col-6 col-lg">-->
<!--                    <div class="single-document">-->
<!--                        <div class="document-flag">-->
<!--                            <img src="images/index/flag-2.png" alt="">-->
<!--                        </div>-->
<!--                        <button class="single-document-text">-->
<!--                            <span>Spanish</span>-->
<!--                        </button>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="col-6 col-lg">-->
<!--                    <div class="single-document">-->
<!--                        <div class="document-flag">-->
<!--                            <img src="images/index/flag-3.png" alt="">-->
<!--                        </div>-->
<!--                        <button class="single-document-text">-->
<!--                            <span>Russian</span>-->
<!--                        </button>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="col-6 col-lg">-->
<!--                    <div class="single-document">-->
<!--                        <div class="document-flag">-->
<!--                            <img src="images/index/flag-4.png" alt="">-->
<!--                        </div>-->
<!--                        <button class="single-document-text">-->
<!--                            <span>Arabic</span>-->
<!--                        </button>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="col-6 col-lg">-->
<!--                    <div class="single-document">-->
<!--                        <div class="document-flag">-->
<!--                            <img src="images/index/flag-5.png" alt="">-->
<!--                        </div>-->
<!--                        <button class="single-document-text">-->
<!--                            <span>Portuguese</span>-->
<!--                        </button>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--    &lt;!&ndash;Documentation area end&ndash;&gt;-->
<!--    -->
<!--    &lt;!&ndash;distibution-bg start&ndash;&gt;-->
<!--    <div class="distibution-bg">-->
<!--        &lt;!&ndash;-distibution area start&ndash;&gt;-->
<!--        <div class="distibution wow fadeInUp" id="token">-->
<!--            <div class="container">-->
<!--                <div class="row">-->
<!--                    <div class="col-12 text-center">-->
<!--                    <div class="heading">-->
<!--                        <h5>Token Distribution</h5>-->
<!--                        <div class="space-10"></div>-->
<!--                        <h1>initial distibution</h1>-->
<!--                    </div>-->
<!--                    <div class="space-60"></div>-->
<!--                </div>-->
<!--                </div>-->
<!--                <div class="row">-->
<!--                    -->
<!--                    <div class="col-6 text-right">-->
<!--                        <div class="distibution-svg distibution-svg-1">-->
<!--                            <img src="images/index/token-top.png" alt="">-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="col-6">-->
<!--                        <div class="distibution-d item-1">-->
<!--                            <ul>-->
<!--                                <li class="distibution-list-1"><span>15% </span>Build Up Team</li>-->
<!--                                <li class="distibution-list-2"><span>50% </span>ICO Investors</li>-->
<!--                                <li class="distibution-list-3"><span>25% </span>Branding & Marketing</li>-->
<!--                                <li class="distibution-list-4"><span>10% </span>Bounty </li>-->
<!--                            </ul>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="space-90"></div>-->
<!--                <div class="row">-->
<!--                    <div class="col-12 text-center">-->
<!--                    <div class="heading">-->
<!--                        <h5>Sale breakdown</h5>-->
<!--                        <div class="space-10"></div>-->
<!--                        <h1>Token Sales Contribution</h1>-->
<!--                    </div>-->
<!--                    <div class="space-90"></div>-->
<!--                </div>-->
<!--                </div>-->
<!--                <div class="row">-->
<!--                    <div class="col-2 text-right">-->
<!--                        <div class="distibution-d distibution-d-2">-->
<!--                            <ul>-->
<!--                                <li class="distibution-list-5"><span>40% </span>HR & Development</li>-->
<!--                                <li class="distibution-list-6"><span>30% </span>Branding & Markting</li>-->
<!--                                <li class="distibution-list-7"><span>20% </span>Posiblle Buyout</li>-->
<!--                                <li class="distibution-list-8"><span>10% </span>Legal Advisory </li>-->
<!--                            </ul>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="col-10">-->
<!--                        <div class="distibution-svg distibution-svg-2">-->
<!--                            <img src="images/index/token-bottom.png" alt="">-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="space-90"></div>-->
<!--        </div>-->
<!--        &lt;!&ndash;-distibution area end&ndash;&gt;-->
<!--    </div>-->
<!--    &lt;!&ndash;distibution-bg end&ndash;&gt;-->

<!--    &lt;!&ndash;roadmap area start&ndash;&gt;-->
<!--    <div class="roadmap-area section-padding wow fadeInUp" id="roadmap">-->
<!--        <div class="container">-->
<!--            <div class="row">-->
<!--                <div class="col-12 text-center">-->
<!--                    <div class="heading">-->
<!--                        <h5>history Timeline</h5>-->
<!--                        <div class="space-10"></div>-->
<!--                        <h1>Development Roadmap</h1>-->
<!--                    </div>-->
<!--                    <div class="space-60 d-none d-sm-block"></div>-->
<!--                </div>-->
<!--            </div>-->
<!--            -->
<!--        </div>-->
<!--        <div class="container">-->
<!--            <div class="roadmap-carousel owl-carousel">-->
<!--                <div class="roadmap-item">-->
<!--                    <div class="single-roadmap text-center road-left">-->
<!--                        <div class="single-roadmap-img">-->
<!--                            <img src="images/index/roadmap-1.png" alt="">-->
<!--                        </div>-->
<!--                        <div class="space-30"></div>-->
<!--                        <div class="roadmap-text">-->
<!--                            <p>01.03.2017</p>-->
<!--                            <div class="space-10"></div>-->
<!--                            <h5>Concept and whitepaper</h5>-->
<!--                            <p>The recording starts with the patter of a summer squall. Later, a drifting tone like that of a in token.</p>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="roadmap-item align-self-center">-->
<!--                    <div class="single-roadmap road-right">-->
<!--                        <div class="row">-->
<!--                            <div class="col-5 align-self-center">-->
<!--                                <div class="single-roadmap-img">-->
<!--                                    <img src="images/index/roadmap-2.png" alt="">-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="col-7">-->
<!--                                <div class="roadmap-text">-->
<!--                                    <p>21.06 .2017</p>-->
<!--                                    <h5>Recruitment of Our team</h5>-->
<!--                                    <p>The recording starts with the patter of a summer squall. Later, a drifting tone like that of a in token.</p>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="roadmap-item">-->
<!--                    <div class="single-roadmap text-center road-left">-->
<!--                        <div class="single-roadmap-img">-->
<!--                            <img src="images/index/roadmap-4.png" alt="">-->
<!--                        </div>-->
<!--                        <div class="space-30"></div>-->
<!--                        <div class="roadmap-text">-->
<!--                            <p>31.08.2017</p>-->
<!--                            <div class="space-10"></div>-->
<!--                            <h5>Core Development</h5>-->
<!--                            <p>The recording starts with the patter of a summer squall. Later, a drifting tone like that of a in token.</p>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="roadmap-item align-self-center">-->
<!--                    <div class="single-roadmap road-right">-->
<!--                        <div class="row">-->
<!--                            <div class="col-5 align-self-center">-->
<!--                                <div class="single-roadmap-img">-->
<!--                                    <img src="images/index/roadmap-5.png" alt="">-->
<!--                                </div>-->
<!--                        -->
<!--                            </div>-->
<!--                            <div class="col-7">-->
<!--                                <div class="roadmap-text">-->
<!--                                    <p>31.11.2017</p>-->
<!--                                    <h5>Main Development</h5>-->
<!--                                    <p>The recording starts with the patter of a summer squall. Later, a drifting tone like that of a in token.</p>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="roadmap-item">-->
<!--                    <div class="single-roadmap text-center road-left">-->
<!--                        <div class="single-roadmap-img">-->
<!--                            <img src="images/index/roadmap-4.png" alt="">-->
<!--                        </div>-->
<!--                        <div class="space-30"></div>-->
<!--                        <div class="roadmap-text">-->
<!--                            <p>31.08.2017</p>-->
<!--                            <div class="space-10"></div>-->
<!--                            <h5>Core Development</h5>-->
<!--                            <p>The recording starts with the patter of a summer squall. Later, a drifting tone like that of a in token.</p>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="roadmap-item align-self-center">-->
<!--                    <div class="single-roadmap road-right">-->
<!--                        <div class="row">-->
<!--                            <div class="col-5 align-self-center">-->
<!--                                <div class="single-roadmap-img">-->
<!--                                    <img src="images/index/roadmap-5.png" alt="">-->
<!--                                </div>-->
<!--                        -->
<!--                            </div>-->
<!--                            <div class="col-7">-->
<!--                                <div class="roadmap-text">-->
<!--                                    <p>31.11.2017</p>-->
<!--                                    <h5>Main Development</h5>-->
<!--                                    <p>The recording starts with the patter of a summer squall. Later, a drifting tone like that of a in token.</p>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--    &lt;!&ndash;roadmap area end&ndash;&gt;-->

<!--    &lt;!&ndash;team-bg&ndash;&gt;-->
<!--    <div class="team-bg">-->
<!--        &lt;!&ndash;team area start&ndash;&gt;-->
<!--        <div class="team-area wow fadeInUp section-padding" id="team">-->
<!--            <div class="container">-->
<!--                <div class="row">-->
<!--                    <div class="col-12 text-center">-->
<!--                        <div class="heading">-->
<!--                            <h5>core team</h5>-->
<!--                            <div class="space-10"></div>-->
<!--                            <h1>Our Superman</h1>-->
<!--                        </div>-->
<!--                        <div class="space-60"></div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="row text-center">-->
<!--                    <div class="col-12 col-md-6 col-lg-3">-->
<!--                        <div class="single-team">-->
<!--                            <div class="single-team-img">-->
<!--                                <img src="images/index/superman-1.jpg" alt="">-->
<!--                            </div>-->
<!--                            <div class="space-30"></div>-->
<!--                            <div class="single-team-content">-->
<!--                                <h3>William Delisle</h3>-->
<!--                                <div class="space-10"></div>-->
<!--                                <h6>FOUNDER & CEO</h6>-->
<!--                            </div>-->
<!--                            <div class="space-10"></div>-->
<!--                            <div class="single-team-social">-->
<!--                                <ul>-->
<!--                                    <li><a class="ico-1" href="#"><i class="fa fa-linkedin"></i></a></li>-->
<!--                                    <li><a class="ico-2" href="#"><i class="fa fa-dribbble"></i></a></li>-->
<!--                                    <li><a class="ico-3" href="#"><i class="fa fa-twitter "></i></a></li>-->
<!--                                </ul>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="col-12 col-md-6 col-lg-3">-->
<!--                        <div class="single-team">-->
<!--                            <div class="single-team-img">-->
<!--                                <img src="images/index/superman-2.jpg" alt="">-->
<!--                            </div>-->
<!--                            <div class="space-30"></div>-->
<!--                            <div class="single-team-content">-->
<!--                                <h3>Julius Book</h3>-->
<!--                                <div class="space-10"></div>-->
<!--                                <h6>SOFTWARE ENGINEER</h6>-->
<!--                            </div>-->
<!--                            <div class="space-10"></div>-->
<!--                            <div class="single-team-social">-->
<!--                                <ul>-->
<!--                                    <li><a class="ico-1" href="#"><i class="fa fa-linkedin"></i></a></li>-->
<!--                                    <li><a class="ico-2" href="#"><i class="fa fa-dribbble"></i></a></li>-->
<!--                                    <li><a class="ico-3" href="#"><i class="fa fa-twitter "></i></a></li>-->
<!--                                </ul>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="col-12 col-md-6 col-lg-3">-->
<!--                        <div class="single-team">-->
<!--                            <div class="single-team-img">-->
<!--                                <img src="images/index/superman-6.jpg" alt="">-->
<!--                            </div>-->
<!--                            <div class="space-30"></div>-->
<!--                            <div class="single-team-content">-->
<!--                                <h3>Jessica Blair</h3>-->
<!--                                <div class="space-10"></div>-->
<!--                                <h6>MARKETING ANALYST</h6>-->
<!--                            </div>-->
<!--                            <div class="space-10"></div>-->
<!--                            <div class="single-team-social">-->
<!--                                <ul>-->
<!--                                    <li><a class="ico-1" href="#"><i class="fa fa-linkedin"></i></a></li>-->
<!--                                    <li><a class="ico-2" href="#"><i class="fa fa-dribbble"></i></a></li>-->
<!--                                    <li><a class="ico-3" href="#"><i class="fa fa-twitter "></i></a></li>-->
<!--                                </ul>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="col-12 col-md-6 col-lg-3">-->
<!--                        <div class="single-team">-->
<!--                            <div class="single-team-img">-->
<!--                                <img src="images/index/superman-7.jpg" alt="">-->
<!--                            </div>-->
<!--                            <div class="space-30"></div>-->
<!--                            <div class="single-team-content">-->
<!--                                <h3>Nancy Burns</h3>-->
<!--                                <div class="space-10"></div>-->
<!--                                <h6>Head of Design</h6>-->
<!--                            </div>-->
<!--                            <div class="space-10"></div>-->
<!--                            <div class="single-team-social">-->
<!--                                <ul>-->
<!--                                    <li><a class="ico-1" href="#"><i class="fa fa-linkedin"></i></a></li>-->
<!--                                    <li><a class="ico-2" href="#"><i class="fa fa-dribbble"></i></a></li>-->
<!--                                    <li><a class="ico-3" href="#"><i class="fa fa-twitter "></i></a></li>-->
<!--                                </ul>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="team-area team wow fadeInDown">-->
<!--            <div class="container">-->
<!--                <div class="row">-->
<!--                    <div class="col-12 text-center">-->
<!--                        <div class="heading">-->
<!--                            <h5>Advisory  team</h5>-->
<!--                            <div class="space-10"></div>-->
<!--                            <h1>Advisory Board</h1>-->
<!--                        </div>-->
<!--                        <div class="space-60"></div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="row text-center">-->
<!--                    <div class="col-12 col-md-6 col-lg-3">-->
<!--                        <div class="single-team">-->
<!--                            <div class="single-team-img">-->
<!--                                <img src="images/index/superman-4.jpg" alt="">-->
<!--                            </div>-->
<!--                            <div class="space-30"></div>-->
<!--                            <div class="single-team-content">-->
<!--                                <h3>Tricia Morgan</h3>-->
<!--                                <div class="space-10"></div>-->
<!--                                <h6>ADVISOR</h6>-->
<!--                            </div>-->
<!--                            <div class="space-10"></div>-->
<!--                            <div class="single-team-social">-->
<!--                                <ul>-->
<!--                                    <li><a class="ico-1" href="#"><i class="fa fa-linkedin"></i></a></li>-->
<!--                                    <li><a class="ico-2" href="#"><i class="fa fa-dribbble"></i></a></li>-->
<!--                                    <li><a class="ico-3" href="#"><i class="fa fa-twitter "></i></a></li>-->
<!--                                </ul>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="col-12 col-md-6 col-lg-3">-->
<!--                        <div class="single-team">-->
<!--                            <div class="single-team-img">-->
<!--                                <img src="images/index/superman-5.jpg" alt="">-->
<!--                            </div>-->
<!--                            <div class="space-30"></div>-->
<!--                            <div class="single-team-content">-->
<!--                                <h3>Kent Ransom</h3>-->
<!--                                <div class="space-10"></div>-->
<!--                                <h6>ADVISOR</h6>-->
<!--                            </div>-->
<!--                            <div class="space-10"></div>-->
<!--                            <div class="single-team-social">-->
<!--                                <ul>-->
<!--                                    <li><a class="ico-1" href="#"><i class="fa fa-linkedin"></i></a></li>-->
<!--                                    <li><a class="ico-2" href="#"><i class="fa fa-dribbble"></i></a></li>-->
<!--                                    <li><a class="ico-3" href="#"><i class="fa fa-twitter "></i></a></li>-->
<!--                                </ul>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="col-12 col-md-6 col-lg-3">-->
<!--                        <div class="single-team">-->
<!--                            <div class="single-team-img">-->
<!--                                <img src="images/index/superman-6.jpg" alt="">-->
<!--                            </div>-->
<!--                            <div class="space-30"></div>-->
<!--                            <div class="single-team-content">-->
<!--                                <h3>Edward Schultz</h3>-->
<!--                                <div class="space-10"></div>-->
<!--                                <h6>ADVISOR</h6>-->
<!--                            </div>-->
<!--                            <div class="space-10"></div>-->
<!--                            <div class="single-team-social">-->
<!--                                <ul>-->
<!--                                    <li><a class="ico-1" href="#"><i class="fa fa-linkedin"></i></a></li>-->
<!--                                    <li><a class="ico-2" href="#"><i class="fa fa-dribbble"></i></a></li>-->
<!--                                    <li><a class="ico-3" href="#"><i class="fa fa-twitter "></i></a></li>-->
<!--                                </ul>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="col-12 col-md-6 col-lg-3">-->
<!--                        <div class="single-team">-->
<!--                            <div class="single-team-img">-->
<!--                                <img src="images/index/superman-7.jpg" alt="">-->
<!--                            </div>-->
<!--                            <div class="space-30"></div>-->
<!--                            <div class="single-team-content">-->
<!--                                <h3>Betty Cyr</h3>-->
<!--                                <div class="space-10"></div>-->
<!--                                <h6>ADVISOR</h6>-->
<!--                            </div>-->
<!--                            <div class="space-10"></div>-->
<!--                            <div class="single-team-social">-->
<!--                                <ul>-->
<!--                                    <li><a class="ico-1" href="#"><i class="fa fa-linkedin"></i></a></li>-->
<!--                                    <li><a class="ico-2" href="#"><i class="fa fa-dribbble"></i></a></li>-->
<!--                                    <li><a class="ico-3" href="#"><i class="fa fa-twitter "></i></a></li>-->
<!--                                </ul>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="space-30"></div>-->
<!--        </div>-->
<!--        &lt;!&ndash;team area end&ndash;&gt;-->

<!--        &lt;!&ndash;apps area start&ndash;&gt;-->
<!--        <div class="apps-area wow fadeInUp section-padding" id="apps">-->
<!--            <div class="container">-->
<!--                <div class="row">-->
<!--                    <div class="col-12 col-lg-5 offset-1 align-self-center">-->
<!--                        <div class="heading">-->
<!--                            <h5>账户绑定</h5>-->
<!--                            <div class="space-10"></div>-->
<!--                            <h1>请绑定您的信用卡方便使用电子钱包</h1>-->
<!--                            <div class="space-20"></div>-->
<!--                            <p>一些介绍的文本（待编辑）</p>-->
<!--                            <p>一些介绍的文本（待编辑）</p>-->
<!--                        </div>-->
<!--                        <div class="space-30"></div>-->
<!--                        <a href="/bindCard" class="gradient-btn apps-btn"> <i class="zmdi zmdi-google-play"></i>点击前往绑定</a>-->
<!--                    </div>-->
<!--                    <div class="col-12 col-lg-5 offset-1">-->
<!--                        <div class="apps-img">-->
<!--                            <img src="images/index/Mobile.png" alt="">-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--        &lt;!&ndash;apps area end&ndash;&gt;-->

<!--        &lt;!&ndash;faq area start&ndash;&gt;-->
<!--        <div class="faq-area wow fadeInUp" id="faq">-->
<!--            <div class="container">-->
<!--                <div class="row">-->
<!--                    <div class="col-12 text-center">-->
<!--                    <div class="heading">-->
<!--                        <h5>faq</h5>-->
<!--                        <div class="space-10"></div>-->
<!--                        <h1>Frequently Asked Questions </h1>-->
<!--                    </div>-->
<!--                    <div class="space-60"></div>-->
<!--                </div>-->
<!--                </div>-->
<!--                <div class="row">-->
<!--                    <div class="col-12 text-center">-->
<!--                        <div class="faq-list">-->
<!--                            <ul class="nav nav-pills" id="pills-tab">-->
<!--                                <li><a class="active" data-toggle="pill" href="#one">General Questions</a></li>-->
<!--                                <li><a data-toggle="pill" href="#two">ico</a></li>-->
<!--                                <li><a data-toggle="pill" href="#three">token</a></li>-->
<!--                                <li><a data-toggle="pill" href="#four">Cryptocurrency</a></li>-->
<!--                            </ul>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="space-50"></div>-->
<!--            </div>-->
<!--                <div class="tab-content" id="pills-tabContent">-->
<!--                    <div class="tab-pane fade show active" id="one">-->
<!--                        <div class="container-fluid">-->
<!--                            <div class="faq-carousel owl-carousel">-->
<!--                                <div class="single-faq">-->
<!--                                    <h4>Why I should invest in ICO ?</h4>-->
<!--                                    <div class="space-20"></div>-->
<!--                                    <p>Swimming hundreds of feet beneath the ocean’s surface in many parts of the world are prolific architects called giant larvaceans. These zooplankton are not particularly giant themselves (they resemble tadpoles and are about the size of a pinkie finger), but every day.</p>-->
<!--                                    <div class="space-20"></div>-->
<!--                                    <a href="#" class="readmore-btn"><i class="fa fa-angle-right"></i>readmore</a>-->
<!--                                </div>-->
<!--                                <div class="single-faq">-->
<!--                                    <h4>The Risks of Investing in ICO ?</h4>-->
<!--                                    <div class="space-20"></div>-->
<!--                                    <p>Swimming hundreds of feet beneath the ocean’s surface in many parts of the world are prolific architects called giant larvaceans. These zooplankton are not particularly giant themselves (they resemble tadpoles and are about the size of a pinkie finger), but every day.</p>-->
<!--                                    <div class="space-20"></div>-->
<!--                                    <a href="#" class="readmore-btn"><i class="fa fa-angle-right"></i>readmore</a>-->
<!--                                </div>-->
<!--                                <div class="single-faq">-->
<!--                                    <h4>How to Trade Cryptocurrencies ?</h4>-->
<!--                                    <div class="space-20"></div>-->
<!--                                    <p>Swimming hundreds of feet beneath the ocean’s surface in many parts of the world are prolific architects called giant larvaceans. These zooplankton are not particularly giant themselves (they resemble tadpoles and are about the size of a pinkie finger), but every day</p>-->
<!--                                    <div class="space-20"></div>-->
<!--                                    <a href="#" class="readmore-btn"><i class="fa fa-angle-right"></i>readmore</a>-->
<!--                                </div>-->
<!--                                <div class="single-faq">-->
<!--                                    <h4>How to Trade Cryptocurrencies ?</h4>-->
<!--                                    <div class="space-20"></div>-->
<!--                                    <p>Swimming hundreds of feet beneath the ocean’s surface in many parts of the world are prolific architects called giant larvaceans. These zooplankton are not particularly giant themselves (they resemble tadpoles and are about the size of a pinkie finger), but every day</p>-->
<!--                                    <div class="space-20"></div>-->
<!--                                    <a href="#" class="readmore-btn"><i class="fa fa-angle-right"></i>readmore</a>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="tab-pane fade" id="two">-->
<!--                        <div class="container-fluid">-->
<!--                            <div class="faq-carousel owl-carousel">-->
<!--                                <div class="single-faq">-->
<!--                                    <h4>Why I should invest in ICO ?</h4>-->
<!--                                    <div class="space-20"></div>-->
<!--                                    <p>Swimming hundreds of feet beneath the ocean’s surface in many parts of the world are prolific architects called giant larvaceans. These zooplankton are not particularly giant themselves (they resemble tadpoles and are about the size of a pinkie finger), but every day.</p>-->
<!--                                    <div class="space-20"></div>-->
<!--                                    <a href="#" class="readmore-btn"><i class="fa fa-angle-right"></i>readmore</a>-->
<!--                                </div>-->
<!--                                <div class="single-faq">-->
<!--                                    <h4>The Risks of Investing in ICO ?</h4>-->
<!--                                    <div class="space-20"></div>-->
<!--                                    <p>Swimming hundreds of feet beneath the ocean’s surface in many parts of the world are prolific architects called giant larvaceans. These zooplankton are not particularly giant themselves (they resemble tadpoles and are about the size of a pinkie finger), but every day.</p>-->
<!--                                    <div class="space-20"></div>-->
<!--                                    <a href="#" class="readmore-btn"><i class="fa fa-angle-right"></i>readmore</a>-->
<!--                                </div>-->
<!--                                <div class="single-faq">-->
<!--                                    <h4>How to Trade Cryptocurrencies ?</h4>-->
<!--                                    <div class="space-20"></div>-->
<!--                                    <p>Swimming hundreds of feet beneath the ocean’s surface in many parts of the world are prolific architects called giant larvaceans. These zooplankton are not particularly giant themselves (they resemble tadpoles and are about the size of a pinkie finger), but every day</p>-->
<!--                                    <div class="space-20"></div>-->
<!--                                    <a href="#" class="readmore-btn"><i class="fa fa-angle-right"></i>readmore</a>-->
<!--                                </div>-->
<!--                                <div class="single-faq">-->
<!--                                    <h4>How to Trade Cryptocurrencies ?</h4>-->
<!--                                    <div class="space-20"></div>-->
<!--                                    <p>Swimming hundreds of feet beneath the ocean’s surface in many parts of the world are prolific architects called giant larvaceans. These zooplankton are not particularly giant themselves (they resemble tadpoles and are about the size of a pinkie finger), but every day</p>-->
<!--                                    <div class="space-20"></div>-->
<!--                                    <a href="#" class="readmore-btn"><i class="fa fa-angle-right"></i>readmore</a>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="tab-pane fade" id="three">-->
<!--                        <div class="container-fluid">-->
<!--                            <div class="faq-carousel owl-carousel">-->
<!--                                <div class="single-faq">-->
<!--                                    <h4>Why I should invest in ICO ?</h4>-->
<!--                                    <div class="space-20"></div>-->
<!--                                    <p>Swimming hundreds of feet beneath the ocean’s surface in many parts of the world are prolific architects called giant larvaceans. These zooplankton are not particularly giant themselves (they resemble tadpoles and are about the size of a pinkie finger), but every day.</p>-->
<!--                                    <div class="space-20"></div>-->
<!--                                    <a href="#" class="readmore-btn"><i class="fa fa-angle-right"></i>readmore</a>-->
<!--                                </div>-->
<!--                                <div class="single-faq">-->
<!--                                    <h4>The Risks of Investing in ICO ?</h4>-->
<!--                                    <div class="space-20"></div>-->
<!--                                    <p>Swimming hundreds of feet beneath the ocean’s surface in many parts of the world are prolific architects called giant larvaceans. These zooplankton are not particularly giant themselves (they resemble tadpoles and are about the size of a pinkie finger), but every day.</p>-->
<!--                                    <div class="space-20"></div>-->
<!--                                    <a href="#" class="readmore-btn"><i class="fa fa-angle-right"></i>readmore</a>-->
<!--                                </div>-->
<!--                                <div class="single-faq">-->
<!--                                    <h4>How to Trade Cryptocurrencies ?</h4>-->
<!--                                    <div class="space-20"></div>-->
<!--                                    <p>Swimming hundreds of feet beneath the ocean’s surface in many parts of the world are prolific architects called giant larvaceans. These zooplankton are not particularly giant themselves (they resemble tadpoles and are about the size of a pinkie finger), but every day</p>-->
<!--                                    <div class="space-20"></div>-->
<!--                                    <a href="#" class="readmore-btn"><i class="fa fa-angle-right"></i>readmore</a>-->
<!--                                </div>-->
<!--                                <div class="single-faq">-->
<!--                                    <h4>How to Trade Cryptocurrencies ?</h4>-->
<!--                                    <div class="space-20"></div>-->
<!--                                    <p>Swimming hundreds of feet beneath the ocean’s surface in many parts of the world are prolific architects called giant larvaceans. These zooplankton are not particularly giant themselves (they resemble tadpoles and are about the size of a pinkie finger), but every day</p>-->
<!--                                    <div class="space-20"></div>-->
<!--                                    <a href="#" class="readmore-btn"><i class="fa fa-angle-right"></i>readmore</a>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="tab-pane fade" id="four">-->
<!--                        <div class="container-fluid">-->
<!--                            <div class="faq-carousel owl-carousel">-->
<!--                                <div class="single-faq">-->
<!--                                    <h4>Why I should invest in ICO ?</h4>-->
<!--                                    <div class="space-20"></div>-->
<!--                                    <p>Swimming hundreds of feet beneath the ocean’s surface in many parts of the world are prolific architects called giant larvaceans. These zooplankton are not particularly giant themselves (they resemble tadpoles and are about the size of a pinkie finger), but every day.</p>-->
<!--                                    <div class="space-20"></div>-->
<!--                                    <a href="#" class="readmore-btn"><i class="fa fa-angle-right"></i>readmore</a>-->
<!--                                </div>-->
<!--                                <div class="single-faq">-->
<!--                                    <h4>The Risks of Investing in ICO ?</h4>-->
<!--                                    <div class="space-20"></div>-->
<!--                                    <p>Swimming hundreds of feet beneath the ocean’s surface in many parts of the world are prolific architects called giant larvaceans. These zooplankton are not particularly giant themselves (they resemble tadpoles and are about the size of a pinkie finger), but every day.</p>-->
<!--                                    <div class="space-20"></div>-->
<!--                                    <a href="#" class="readmore-btn"><i class="fa fa-angle-right"></i>readmore</a>-->
<!--                                </div>-->
<!--                                <div class="single-faq">-->
<!--                                    <h4>How to Trade Cryptocurrencies ?</h4>-->
<!--                                    <div class="space-20"></div>-->
<!--                                    <p>Swimming hundreds of feet beneath the ocean’s surface in many parts of the world are prolific architects called giant larvaceans. These zooplankton are not particularly giant themselves (they resemble tadpoles and are about the size of a pinkie finger), but every day</p>-->
<!--                                    <div class="space-20"></div>-->
<!--                                    <a href="#" class="readmore-btn"><i class="fa fa-angle-right"></i>readmore</a>-->
<!--                                </div>-->
<!--                                <div class="single-faq">-->
<!--                                    <h4>How to Trade Cryptocurrencies ?</h4>-->
<!--                                    <div class="space-20"></div>-->
<!--                                    <p>Swimming hundreds of feet beneath the ocean’s surface in many parts of the world are prolific architects called giant larvaceans. These zooplankton are not particularly giant themselves (they resemble tadpoles and are about the size of a pinkie finger), but every day</p>-->
<!--                                    <div class="space-20"></div>-->
<!--                                    <a href="#" class="readmore-btn"><i class="fa fa-angle-right"></i>readmore</a>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            <div class="space-90"></div>-->
<!--        </div>-->
<!--        &lt;!&ndash;faq area end&ndash;&gt;-->
<!--    </div>-->
<!--    &lt;!&ndash;team bg area end&ndash;&gt;-->

<!--    &lt;!&ndash;community area start&ndash;&gt;-->
<!--    <div class="community-area wow fadeInUp section-padding" id="contact">-->
<!--        <div class="container">-->
<!--            <div class="row">-->
<!--                <div class="col-12 text-center">-->
<!--                    <div class="heading">-->
<!--                        <h5>GReat Community</h5>-->
<!--                        <div class="space-10"></div>-->
<!--                        <h1>Our Community </h1>-->
<!--                    </div>-->
<!--                <div class="space-60"></div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="row">-->
<!--                <div class="col-6 col-lg">-->
<!--                    <div class="single-community big-social">-->
<!--                        <a class="google-plus" href="#"><i class="fa fa-google-plus"></i></a>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="col-6 col-lg">-->
<!--                    <div class="single-community mid-social">-->
<!--                        <a class="linkedin" href="#"><i class="fa fa-linkedin"></i></a>-->
<!--                    </div>-->
<!--                    <div class="single-community">-->
<!--                        <a class="dribbble" href="#"><i class="fa fa-dribbble"></i></a>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="col-6 col-lg">-->
<!--                    <div class="single-community">-->
<!--                        <a class="github" href="#"><i class="fa fa-github"></i></a>-->
<!--                    </div>-->
<!--                    <div class="single-community mid-social">-->
<!--                        <a class="behance" href="#"><i class="fa fa-behance"></i></a>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="col-6 col-lg">-->
<!--                    <div class="single-community big-social">-->
<!--                        <a class="youtube" href="#"><i class="fa fa-youtube"></i></a>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="col-6 col-lg">-->
<!--                    <div class="single-community mid-social">-->
<!--                        <a class="twitter" href="#"><i class="fa fa-twitter"></i></a>-->
<!--                    </div>-->
<!--                    <div class="single-community">-->
<!--                        <a class="flickr" href="#"><i class="fa fa-flickr"></i></a>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
    <!--community area end-->

    <!--footer area start-->
    <div class="footera-area section-padding wow fadeInDown">
        <div class="container">
            <div class="row">
                <div class="col-12 col-sm-6 col-lg-4">
                    <div class="single-footer">
                        <div class="logo-area footer">
                            <a href="#"><img src="images/logo2.png" alt=""></a>
                        </div>
                        <div class="space-20"></div>
                        <p>E-Wallet——安全，便捷，高效，时尚</p>
                        <div class="space-10"></div>
                        <p><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
</p>
                    </div>
                </div>
                <div class="col-12 col-sm-6 col-lg-2">
                    <div class="single-footer">
                        <ul>
                            <li><a href="/">首页</a></li>
                            <li><a href="/login">登录</a></li>
                            <li><a href="/trans">转账</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-6 col-lg-2">
                    <div class="single-footer">
                        <ul>
                            <li><a href="/goodsIndex">网上商城</a></li>
                            <li><a href="/settlement">清算</a></li>
                            <li><a href="/withdraw">提现</a></li>
                        </ul>
                    </div>
                </div>
<!--                <div class="col-12 col-sm-6 col-lg-4">-->
<!--                    <div class="single-footer">-->
<!--                        <p>Subscribe to our Newsletter</p>-->
<!--                        <div class="space-20"></div>-->
<!--                        <div class="footer-form">-->
<!--                            <form action="#">-->
<!--                                <input type="email" placeholder="Email Address">-->
<!--                                <a href="" class="gradient-btn subscribe">GO</a>-->
<!--                            </form>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
            </div>
        </div>
    </div>
    <!--footer area end-->

    <!-- jquery 2.2.4 js-->
    <script src="js/index/jquery-2.2.4.min.js"></script>
    <!-- popper js-->
    <script src="js/index/popper.js"></script>
    <!-- carousel js-->
    <script src="js/index/owl.carousel.min.js"></script>
    <!-- wow js-->
    <script src="js/index/wow.min.js"></script>
    <!-- bootstrap js-->
    <script src="js/index/bootstrap.min.js"></script>\
    <!--skroller js-->
    <script src="js/index/skrollr.min.js"></script>
    <!--mobile menu js-->
    <script src="js/index/jquery.slicknav.min.js"></script>
    <!--particle s-->
    <script src="js/index/particles.min.js"></script>
    <!-- main js-->
    <script src="js/index/main.js"></script>
  </body>
</html>